<template>
  <div class="home app-container">
    <img alt="Vue logo" src="../assets/logo.png" />
    <h2>当前环境：{{ env }}</h2>
    <h2>接口：{{ baseApi }}</h2>
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src

@Component({
  components: {
    HelloWorld,
  },
})
export default class Home extends Vue {
  get env() {
    return process.env.NODE_ENV
  }
  get baseApi() {
    return process.env.VUE_APP_API_BASE_URL
  }
}
</script>

<style>
.home {
  text-align: center;
}
</style>
